<template>
  <!-- 搜索框 -->
  <view class="search">
    <view class="search-content" @click="handleToSearch">
      <text class="search-icon iconfont icon-sousuo1"></text>
    </view>
  </view>
  <!-- /搜索框 -->
</template>

<script>
  export default {
    methods: {
      // 跳转到搜索中心
      handleToSearch () {
        uni.navigateTo({
          url: '/pages/search/search'
        })
      }
    }
  }
</script>

<style lang="less" scoped>
  .search {
    height: 90rpx;
    padding: 10rpx;
    background-color: #eb4450;
    .search-content {
      position: relative;
      background-color: #fff;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #666;
      border-radius: 15rpx;
      z-index: 99;
      .search-icon {
        position: absolute;
        top: 50%;
        left: 20rpx;
        font-size: 50rpx;
        margin-top: -22rpx;
        color: #ccc;
      }
    }
  }
</style>
